<template>
  <div class="gallery_design">
    <div class="gallery-van-tab-aa gallery-van-tab-aa-block" v-for="item in designList">
      <van-image src="https://img.yzcdn.cn/vant/cat.jpeg" fit="cover"height="8rem"></van-image>
      <div class="gallery-van-tab-a-content">
        <div>
          <p align="left" style="font-size: 0.8rem;margin: 0;padding: 0.2rem 0">{{item.galleryInfoTitle}}</p>
        </div>
        <div align="left" class="gallery-van-tab-b-contents">
          <div class="van-tab-b-contents">
            <van-image round width="1.2rem" height="1.2rem" src="https://img.yzcdn.cn/vant/cat.jpeg" style="position: absolute;"/>
            <span style="font-size: 0.4rem;margin-left: 1.5rem">{{item.shopsName}}</span>
          </div>
          <div class="van-tab-b-contents">
            <van-icon name="like-o" style="position: absolute"/>
            <span class="block-list-likes" style="font-size: 0.8rem;margin-left: 1.2rem">{{item.galleryInfoFabulous}}</span>
          </div>
        </div>
      </div>
      <span class="gallery-van-tab-aa-block-3d">3D</span>
    </div>
  </div>
</template>

<script>

  import { selectGalleryList } from "@/api/gallery/gallery.js";

    export default {
      name: "gallery_design",
      data() {
        return {
          design: 6,
          designList: [],
        }
      },
      created() {
        this.getGalleryList();
      },
      methods: {
        getGalleryList(){
          selectGalleryList("2").then((res) => {
            this.designList = res.data.data;
          });
        },
      }
    }
</script>

<style scoped>
  .gallery-van-tab-aa{
    padding-bottom: 0.5rem;
  }
  .gallery-van-tab-b-contents{
    position: relative;
  }
  .van-tab-b-contents{
    display :inline-block;
  }
  .gallery-van-tab-aa-block{
    display: inline-block;
    width: 44%;
    position: relative;
    padding : 0.5rem
  }
  .gallery-van-tab-aa-block-3d{
    position: absolute;
    top: 0.7rem;
    right: 0.7rem;
    color: white;
    background-color: rgba(0,0,0,0.5);
    border-radius: 5rem;
    font-size: 0.4rem;
    width: 2rem;
    height: 1rem;
    line-height: 1.1rem;
  }
</style>
